<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>小R商城</title>
    <link rel="stylesheet" href="../CSS/shop.css">
    <link rel="stylesheet" href="../CSS/style.css">
    <script type="text/javascript" src="../js/shop.js"></script>
    
</head>
<body>
    <div class="header w">
        <div class="logo">
            <img src="../images/logo.png" width="120px" height="80px" alt="">
        </div>
        <div class="search">
            <input type="text" placeholder="请输入图书名字">
            <button><img src="../images/btn.png" alt=""></button>
        </div>
        <div class="nav">
          <ul>
                <li><a href="../index.html">首页</a></li>
                <li><a href="./login.html">登录/注册</a></li>            
                <li><a href="./settlement.html">购物车</a></li>
                <li><a href="./shop.html">商城</a></li>
                <li><a href="./contact.html">联系客服</a></li>
                <li><a href="./service.html">售后</a></li>
            </ul>
      </div>
        <div class="user">
            <img src="../images/user.jpg" width="45px" height="45px" alt="">
            <a href="./shop.html">小R2022131328</a>
        </div>
    </div>
  <div class="w menu clearfix">
    <!-- 左侧商品分类 -->
    <div class="aside-nav">
      <ul class="nav-list">
        <li class="list-item">
          <a href="#" class="item-href">文学艺术</a>
        </li>
        <li class="list-item">
          <a href="#" class="item-href">人文科学</a>
        </li>
        <li class="list-item">
          <a href="#" class="item-href">少儿童书</a>
        </li>
        <li class="list-item">
          <a href="#" class="item-href">教育考试</a>
        </li>
        <li class="list-item">
          <a href="#" class="item-href">经济金融</a>
        </li>
        <li class="list-item">
          <a href="#" class="item-href">生活休闲</a>
        </li>
        <li class="list-item">
          <a href="#" class="item-href">科学技术</a>
        </li>
        <li class="list-item">
          <a href="#" class="item-href">家居/生活用品</a>
        </li>
        <li class="list-item">
          <a href="#" class="item-href">学习用品</a>
        </li>
        <li class="list-item">
          <a href="#" class="item-href">3C数码</a>
    </div>
    <div class="banner-wrap">
        <div class="banner" class="banner">
          <ul id="swiper">
            <li class="swiper-item" style="transform: translateX(0px);">
              <a href="#"><img src="../images/3.jpg" alt="" /></a>
            </li> 
             <li class="swiper-item" style="transform: translateX(-970px);">
              <a href="#"><img src="../images/2.jpg" alt="" /></a>
            </li>
            <li class="swiper-item" style="transform: translateX(-1940px);">
              <a href="#"><img src="../images/1.jpg" alt="" /></a>
            </li>
          </ul>
        </div>
      </div>
    </div>
    <!-- 热卖单品专区 -->
    <div id="hotsale" class="layer w">
      <div class="layer-inner">
        <h3 class="hotSale">热卖图书</h3>
        <ul id="hotSaleList" class="saleList clearfix">
          <li class="bs-item item">
            <a href="./detailed.html">
              <img src="../images/r1.png" alt="" class="item-img" />
              <p class="title">刘邦传：鸿门宴上的天选之人（全2册）</p>
              <div class="line-2 clearfix">
                <span class="comment">评论<em>1320</em></span>
                <span class="collect">收藏<em>399</em></span>
              </div>
              <div class="line-3">
                <span class="strong">46.00</span><br>
                <span class="price-through">￥88.00</span>
                <span class="sell">月销158本</span>
              </div>
            </a>
          </li>
          <li class="bs-item item">
            <a href="./detailed.html">
                <img src="../images/r2.png" alt="" class="item-img" />
                <p class="title">小发明家(精)/物理大爆炸</p>
                <div class="line-2 clearfix">
                  <span class="comment">评论<em>1795</em></span>
                  <span class="collect">收藏<em>888</em></span>
                </div>
                <div class="line-3">
                  <span class="strong">36.50</span><br>
                  <span class="price-through">￥69.00</span>
                  <span class="sell">月销89本</span>
                </div>
              </a>
          </li>
          <li class="bs-item item">
            <a href="./detailed.html">
                <img src="../images/r3.png" alt="" class="item-img" />
                <p class="title">了不起的盖茨比：双语版</p>
                <div class="line-2 clearfix">
                  <span class="comment">评论<em>1111</em></span>
                  <span class="collect">收藏<em>839</em></span>
                </div>
                <div class="line-3">
                  <span class="strong">31.80</span><br>
                  <span class="price-through">￥69.00</span>
                  <span class="sell">月销856本</span>
                </div>
              </a>
          </li>
          <li class="bs-item item">
            <a href="./detailed.html">
                <img src="../images/r4.png" alt="" class="item-img" />
                <p class="title">简•爱 精装插图典藏版</p>
                <div class="line-2 clearfix">
                  <span class="comment">评论<em>1287</em></span>
                  <span class="collect">收藏<em>555</em></span>
                </div>
                <div class="line-3">
                  <span class="strong">89.00</span><br>
                  <span class="price-through">￥129.00</span>
                  <span class="sell">月销898本</span>
                </div>
              </a>
          </li>
          <li class="bs-item item">
            <a href="./detailed.html">
                <img src="../images/r5.png" alt="" class="item-img" />
                <p class="title">三字经(彩图拼音版)/彩图拼音版少儿经典文库</p>
                <div class="line-2 clearfix">
                  <span class="comment">评论<em>1123</em></span>
                  <span class="collect">收藏<em>304</em></span>
                </div>
                <div class="line-3">
                  <span class="strong">29.80</span><br>
                  <span class="price-through">￥66.00</span>
                  <span class="sell">月销897本</span>
                </div>
              </a>
          </li>
          <li class="bs-item item">
            <a href="./detailed.html">
                <img src="../images/r6.png" alt="" class="item-img" />
                <p class="title">人生总有许多的勇气与孤独</p>
                <div class="line-2 clearfix">
                  <span class="comment">评论<em>1182</em></span>
                  <span class="collect">收藏<em>399</em></span>
                </div>
                <div class="line-3">
                  <span class="strong">49.80</span><br>
                  <span class="price-through">￥88.00</span>
                  <span class="sell">月销898本</span>
                </div>
              </a>
          </li>
          <li class="bs-item item">
            <a href="./detailed.html">
                <img src="../images/r7.png" alt="" class="item-img" />
                <p class="title">城南旧事/语文新课标必读丛书</p>
                <div class="line-2 clearfix">
                  <span class="comment">评论<em>1270</em></span>
                  <span class="collect">收藏<em>99</em></span>
                </div>
                <div class="line-3">
                  <span class="strong">24.80</span><br>
                  <span class="price-through">￥79.00</span>
                  <span class="sell">月销377本</span>
                </div>
              </a>
          </li>
          <li class="bs-item item">
            <a href="./detailed.html">
                <img src="../images/r8.png" alt="" class="item-img" />
                <p class="title">简·四级听力</p>
                <div class="line-2 clearfix">
                  <span class="comment">评论<em>2563</em></span>
                  <span class="collect">收藏<em>989</em></span>
                </div>
                <div class="line-3">
                  <span class="strong">28.40</span><br>
                  <span class="price-through">￥45.80</span>
                  <span class="sell">月销3853本</span>
                </div>
              </a>
          </li>
          <li class="bs-item item">
            <a href="./detailed.html">
                <img src="../images/r9.png" alt="" class="item-img" />
                <p class="title">口算题卡 全横式 3年级 下册 彩绘版</p>
                <div class="line-2 clearfix">
                  <span class="comment">评论<em>1002</em></span>
                  <span class="collect">收藏<em>231</em></span>
                </div>
                <div class="line-3">
                  <span class="strong">22.80</span><br>
                  <span class="price-through">￥66.00</span>
                  <span class="sell">月销739本</span>
                </div>
              </a>
          </li>
          <li class="bs-item item">
            <a href="./detailed.html">
              <img src="../images/r10.png" alt="" class="item-img" />
              <p class="title">我们的免疫力</p>
              <div class="line-2 clearfix">
                <span class="comment">评论<em>2533</em></span>
                <span class="collect">收藏<em>1200</em></span>
              </div>
              <div class="line-3">
                <span class="strong">158.00</span><br>
                <span class="price-through">￥399.00</span>
                <span class="sell">月销890本</span>
              </div>
            </a>
          </li>
          <li class="bs-item item">
            <a href="./detailed.html">
              <img src="../images/r11.png" alt="" class="item-img" />
              <p class="title">淘气包日记/教育部统编语文教科书名著阅读文库</p>
              <div class="line-2 clearfix">
                <span class="comment">评论<em>2358</em></span>
                <span class="collect">收藏<em>1247</em></span>
              </div>
              <div class="line-3">
                <span class="strong">24.00</span><br>
                <span class="price-through">￥99.00</span>
                <span class="sell">月销148本</span>
              </div>
            </a>
          </li>
          <li class="bs-item item">
            <a href="./detailed.html">
              <img src="../images/r12.png" alt="" class="item-img" />
              <p class="title">好心态才有好状态(引领我树立好心态的故事)/人生起跑线</p>
              <div class="line-2 clearfix">
                <span class="comment">评论<em>897</em></span>
                <span class="collect">收藏<em>888</em></span>
              </div>
              <div class="line-3">
                <span class="strong">19.80</span><br>
                <span class="price-through">￥59.00</span>
                <span class="sell">月销1000本</span>
              </div>
            </a>
          </li>
        </ul>
      </div>
    </div>
    <!-- 喜欢专区 -->
    <div id="guesslike" class="layer w">
      <div class="layer-inner">
        <h3 class="likeSale">猜你喜欢</h3>
        <ul id="gl" class="saleList clearfix">
          <li class="like-item item">
            <a href="./detailed.html">
              <img src="../images/c1.png" alt="" class="item-img" />
            </a>
            <p class="title">西南联大英文课 国立西南联合大学建校80周年有声珍藏版</p>
            <div class="line-3">
              <span class="strong">63.70</span>
              <span class="sell">月销515笔</span>
            </div>
            <a href="" class="item-more">发现更多相似的宝贝</a>
          </li>
          <li class="like-item item">
            <a href="./detailed.html">
              <img src="../images/c2.png" alt="" class="item-img" />
            </a>
            <p class="title">
              大学生就业指导实训教程(第2版)
            </p>
            <div class="line-3">
              <span class="strong">59.00</span>
              <span class="sell">月销35笔</span>
            </div>
            <a href="" class="item-more">发现更多相似的宝贝</a>
          </li>
          <li class="like-item item">
            <a href="./detailed.html">
              <img src="../images/c3.png" alt="" class="item-img" />
            </a>
            <p class="title">
              engue恩谷 智能健康心率血压运动手环 EG-T5升级款
            </p>
            <div class="line-3">
              <span class="strong">258</span>
              <span class="sell">月销304笔</span>
            </div>
            <a " class="item-more">发现更多相似的宝贝</a>
          </li>
          <li class="like-item item">
            <a href="./detailed.html">
              <img src="../images/c4.png" alt="" class="item-img" />
            </a>
            <p class="title">卡俪欧新国标闪充自带线充电宝</p>
            <div class="line-3">
              <span class="strong">100</span>
              <span class="sell">月销399笔</span>
            </div>
            <a href="" class="item-more">发现更多相似的宝贝</a>
          </li>
          <li class="like-item item">
            <a href="./detailed.html">
              <img src="../images/c5.png" alt="" class="item-img" />
            </a>
            <p class="title">
              科大讯飞 扫描词典笔
            </p>
            <div class="line-3">
              <span class="strong">999</span>
              <span class="sell">月销310笔</span>
            </div>
            <a href="" class="item-more">发现更多相似的宝贝</a>
          </li>
          <li class="like-item item">
            <a href="./detailed.html">
              <img src="../images/c6.png" alt="" class="item-img" />
            </a>
            <p class="title">
              大嘴猴妙趣键鼠套装
            </p>
            <div class="line-3">
              <span class="strong">442</span>
              <span class="sell">月销210笔</span>
            </div>
            <a href="" class="item-more">发现更多相似的宝贝</a>
          </li>
          <li class="like-item item">
            <a href="./detailed.html">
              <img src="../images/c7.png" alt="" class="item-img" />
            </a>
            <p class="title">
              草莓熊卡通笔记本/平板支架
            </p>
            <div class="line-3">
              <span class="strong">69</span>
              <span class="sell">月销530笔</span>
            </div>
            <a href="" class="item-more">发现更多相似的宝贝</a>
          </li>
          <li class="like-item item">
            <a href="./detailed.html">
              <img src="../images/c8.png" alt="" class="item-img" />
            </a>
            <p class="title">
              小叶紫檀红木书签单只装/五虎版（规格可选）
            </p>
            <div class="line-3">
              <span class="strong">204</span>
              <span class="sell">月销110笔</span>
            </div>
            <a href="" class="item-more">发现更多相似的宝贝</a>
          </li>
          <li class="like-item item">
            <a href="./detailed.html">
              <img src="../images/c9.png" alt="" class="item-img" />
            </a>
            <p class="title">
              紫禁华彩48色彩铅套装
            </p>
            <div class="line-3">
              <span class="strong">200</span>
              <span class="sell">月销99笔</span>
            </div>
            <a href="" class="item-more">发现更多相似的宝贝</a>
          </li>
          <li class="like-item item">
            <a href="./detailed.html">
              <img src="../images/c10.png" alt="" class="item-img" />
            </a>
            <p class="title">
              愿-笔记本 颜色随机
            </p>
            <div class="line-3">
              <span class="strong">49</span>
              <span class="sell">月销317笔</span>
            </div>
            <a href="" class="item-more">发现更多相似的宝贝</a>
          </li>
          <li class="like-item item">
            <a href="./detailed.html">
              <img src="../images/c11.png" alt="" class="item-img" />
            </a>
            <p class="title">
              FB 软皮书 幸福鸟系列 火鸟
            </p>
            <div class="line-3">
              <span class="strong">158</span>
              <span class="sell">月销110笔</span>
            </div>
            <a href="" class="item-more">发现更多相似的宝贝</a>
          </li>
          <li class="like-item item">
            <a href="./detailed.html">
              <img src="../images/c12.png" alt="" class="item-img" />
            </a>
            <p class="title">
              “宫猫知时节”手账套装（两款随机发货）
            </p>
            <div class="line-3">
              <span class="strong">131</span>
              <span class="sell">月销213笔</span>
            </div>
            <a href="" class="item-more">发现更多相似的宝贝</a>
          </li>
        </ul>
        <div id="loadMore" class="loadMore"><span>加载更多</span></div>
      </div>
    </div>
  </div>
  <!-- 小R推荐 -->
  <div id="hotsale" class="layer w">
    <div class="layer-inner">
      <h3 class="hotSale">小R推荐</h3>
      <ul id="hotSaleList" class="saleList clearfix">
        <li class="bs-item item">
          <a href="./detailed.html">
            <img src="../images/x1.png" alt="" class="item-img" />
            <p class="title">毛泽东诗词（全2册）</p>
            <div class="line-2 clearfix">
              <span class="comment">评论<em>1502</em></span>
              <span class="collect">收藏<em>799</em></span>
            </div>
            <div class="line-3">
              <span class="strong">23.00</span><br>
              <span class="price-through">￥63.00</span>
              <span class="sell">月销785本</span>
            </div>
          </a>
        </li>
        <li class="bs-item item">
          <a href="./detailed.html">
            <img src="../images/x2.png" alt="" class="item-img" />
            <p class="title">爱沃可咔嗒宝磁吸6000mAh充电宝</p>
            <div class="line-2 clearfix">
              <span class="comment">评论<em>128</em></span><br>
              <span class="collect">收藏<em>79</em></span>
            </div>
            <div class="line-3">
              <span class="strong">150.00</span><br>
              <span class="price-through">￥169.00</span>
              <span class="sell">月销1283个</span>
            </div>
          </a>
        </li>
        <li class="bs-item item">
          <a href="./detailed.html">
            <img src="../images/x3.png" alt="" class="item-img" />
            <p class="title">我想做一个能在你的葬礼上描述你一生的人（全4册）</p>
            <div class="line-2 clearfix">
              <span class="comment">评论<em>127</em></span><br>
              <span class="collect">收藏<em>99</em></span>
            </div>
            <div class="line-3">
              <span class="strong">55.00</span><br>
              <span class="price-through">￥135.00</span>
              <span class="sell">月销887本</span>
            </div>
          </a>
        </li>
        <li class="bs-item item">
          <a href="./detailed.html">
            <img src="../images/x4.png" alt="" class="item-img" />
            <p class="title">你不了解的春秋史</p>
            <div class="line-2 clearfix">
              <span class="comment">评论<em>785</em></span><br>
              <span class="collect">收藏<em>459</em></span>
            </div>
            <div class="line-3">
              <span class="strong">22.00</span><br>
              <span class="price-through">￥49.80</span>
              <span class="sell">月销890本</span>
            </div>
          </a>
        </li>
        <li class="bs-item item">
          <a href="./detailed.html">
            <img src="../images/x5.png" alt="" class="item-img" />
            <p class="title">给孩子的思维导图(共6册)</p>
            <div class="line-2 clearfix">
              <span class="comment">评论<em>449</em></span><br>
              <span class="collect">收藏<em>458</em></span>
            </div>
            <div class="line-3">
              <span class="strong">148.00</span><br>
              <span class="price-through">￥169.00</span>
              <span class="sell">月销1487本</span>
            </div>
          </a>
        </li>
        <li class="bs-item item">
          <a href="./detailed.html">
            <img src="../images/x6.png" alt="" class="item-img" />
            <p class="title">洛斐 山东舰限量款无线蓝牙鼠标</p>
            <div class="line-2 clearfix">
              <span class="comment">评论<em>897</em></span><br>
              <span class="collect">收藏<em>888</em></span>
            </div>
            <div class="line-3">
              <span class="strong">285.00</span><br>
              <span class="price-through">￥298.00</span>
              <span class="sell">月销1000笔</span>
            </div>
          </a>
        </li>
      </ul>
    </div>
  </div>
<div class="tool">
        <a href="./settlement.html" class="on tool-item1">购物车</a>
        <a href="./contact.html" class="tool-item2">联系<br>客服</a>
        <a href="./person.html" class="tool-item3">个人<br>资料</a>
        <a id="goTop" class="tool-item4" onclick="goTop()"><span class="top-arrow"></span>顶部</a>
        <a href="./service.html" class="tool-item5">反馈</a>
        <a href="../index.html" class="tool-item5">首页</a>
    </div>
  </div>
  <!-- 底部栏 -->
  <footer class="footer">
    <p class="language">
      <span>简体</span>
      <span style="color: #e0e0e0">&nbsp;&nbsp;|&nbsp;&nbsp;</span>
      <span>繁体</span>
      <span style="color: #e0e0e0">&nbsp;&nbsp;|&nbsp;&nbsp;</span>
      <span>English</span>
      <span style="color: #e0e0e0">&nbsp;&nbsp;|&nbsp;&nbsp;</span>
      <span>常见问题</span>
    </p>
    <p class="copyright">
      <span>由小R图书版权所有-京ICP备123456-</span>
      <img src="../images/icon.png" alt="" />
      <span>京公网安备11010123456789号-京ICP证654321号</span>
    </p>
  </footer>
</body>
</html>